<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="/codeigniter/application/css/flexi-background.css" type="text/css" media=         "screen"/>
       
        <link rel="stylesheet" href="/codeigniter/application/css/styles.css" type="text/css" media="screen"/>
    </head>
    <body>
        <center>
       
        </center>    
        <div id="box">
            <img src="/codeigniter/application/images/logo.png" class="logo" alt="yourlogo" />
            
            <h1>Iniciar Sesión</h1>
            <h2>Usuario:</h2>
            <h3>Contraseña:</h3>
            <form id="form1" name="form1" method="post" action="submit" >
                           
                <input type="text" required id = "username" name = "username" />
                <input type="password" required id = "pwd" name = "password"/>

                <div class="hover-opacity">
                    <input type="submit" value="Entrar"/>
                </div>
               
            </form>
        </div>
      <center><?php if(! is_null($msg)) echo $msg;?> </center>
    </body>
</html>